<!DOCTYPE html>
<html>
<?php 
	global $appCfg;
?>
<head>
<meta charset="utf-8"/>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<title>Reg</title>
<script src="/js/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="/css/passport.css"></link>

<style>
div.RegDiv
{
	width:200px;
}
</style>


</head>


<body>
<div class="f-form-box">
	<h2>Sign Up <strong class="f-Logo"></strong></h2>
	<form id="LoginForm" name="login" action="<?php echo $appCfg['Url'].'/LoginService/Reg';?>"  method="post">
		<input type="hidden" name="continue" id="continue" value="https://www.google.com/">
		<ul>
		
		<li>
		<strong class="UserName-label">UserName</strong>
		<input type="text" name="UserName" id="UserName"/>
		</li> 
		
		
		<li>
		<strong class="email-label">Email</strong>
		<input type="text" spellcheck="false" name="Email" id="Email" value=""/>
		</li>
		
		<li>
		<strong class="passwd-label">Password</strong>
		<input type="password" name="Passwd" id="Passwd"/>
		</li>  
		
		<li>
		<strong class="passwd-label">Confirm Password</strong>
		<input type="password" name="VerifyPasswd" id="VerifyPasswd"/>
		</li>  
		
		
		
		<li>
		<strong class="Gender-label">Gender</strong>
		<input type="radio" id="Gender" name="Gender" value="0" checked>Male</input>
		<input type="radio" id="Gender" name="Gender" value="1">Female</input>
		<input type="radio" id="Gender" name="Gender" value="3">Other</input>
		</li>
		
		<li>
		<div id="recaptcha_widget" class="recaptcha-widget recaptcha_isnot_showing_audio recaptcha_is_building_widget">
			  <div id="recaptcha_image">
			  	<img id="captcha_image" width="200" height="68" alt="Visual verification">
			  </div>
			 <div class="recaptcha-main">
				  <label>
					  <strong>
						  <span id="recaptcha_instructions_image" class="recaptcha_only_if_image">
						  Type the two pieces of text:
						  </span>
					</strong>
					 <input type="text" id="captcha" name="captcha"/>					 
	  			</label>
	  			<div class="recaptcha-buttons">
	  				<a id="recaptcha_reload_btn" href="javascript:void(0)" onclick="ReloadCaptcha()" title="Get a new challenge">
		  				<span>Get a new challenge</span>
	  				</a>
				</div>
				
			</div>
		</div>
		</li>

		<li>
		<input type="submit" class="f-button f-button-submit" name="signUp" id="signUp" value="Sign up"/>
		</li>
		</ul>
		</form>
</div> <!-- f-form-box End -->
</div>

<script type="text/javascript">
function ReloadCaptcha()
{
	var src="/LoginService/captcha?w=200&h=68";
  	var ts=Date.parse(new Date());
  	src +="&ts="+ts;
  	$("#captcha_image").attr("src",src);
}
ReloadCaptcha();
</script>
</body>
</html>